<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Bootstrap learn</title>

  <!-- 从cdn引入css文件 -->
  <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

</head>

<body>
<h1>label</h1>
<pre>
  Bootstrap 提供 6 种颜色标label,
  • danger
  • default
  • info
  • primary
  • success
  • warning
</pre>

<br>
<br>

<h3>Example
  <span class="label label-danger">danger</span>
  <span class="label label-default">default</span>
  <span class="label label-info">info</span>
  <span class="label label-primary">primary</span>
  <span class="label label-success">success</span>
  <span class="label label-warning">warning</span>
</h3>


  <!-- 从cdn引入 jquery bootstrap库 -->
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

</body>

</html>
